<script>
// setup在beforeCreate前执行，不可以使用this(this是undefined)
// setup 入口函数 组合api代码都在内部,html要使用什么，它就要return什么
export default {
  // beforeCreate () {
  //   console.log('beforeCreate')
  // },
  // created () {
  //   console.log('created')
  // },
  setup () {
    // 所有逻辑都写这里
    let num = 10
    console.log('setup', this)
    const add = () => {
      num++
    }
    return { num, add }
  }
}
</script>

<template>
  <div class="app-page">app</div>
  <div>{{ num }}</div>
  <button @click="add">num++</button>
</template>

<style scoped></style>
